﻿@model MyBlog.Model.AccountModel

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>新用户注册 - 小博客</title>
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/regJs")
    @Styles.Render("~/Content/css")
    <link href="~/Content/Blog/Register.css" rel="stylesheet" />
    <link href="~/Scripts/layer/skin/layer.css" rel="stylesheet" />
    <script src="~/Scripts/mailAutoComplete.js"></script>
</head>
<body class="reg-body">
    <img id="layer-bg" class="layer-bg" src="~/Content/Images/body-bg1.jpg" />
    <div class="topnav">
        @{Html.RenderAction("_BlogHead", "Home");}
    </div>
    @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "Post", OnSuccess = "Success", OnFailure = "Fail" }))
            {
        <div class="loginlogo">欢迎来到小博客</div>
        <div class="reg-main">
            <div class="reg-main-body">
                <div class="dv-block">
                    <label class="dvright">登录用户名：</label>@Html.TextBoxFor(x => x.Account, new { @class = "inputbox inputFilter", placeholder = "4-20位数字或字母组成", maxlength = 50, title = "用于登录小博客" })
                    <span class="red">*@Html.ValidationMessageFor(x => x.Account)</span>
                </div>
                <div class="dv-block">
                    <label class="dvright">显示昵称：</label>@Html.TextBoxFor(x => x.NickName, new { @class = "inputbox inputFilter", placeholder = "您在小博客显示的名称", maxlength = 50 })
                    <span class="red">*@Html.ValidationMessageFor(x => x.NickName)</span>
                </div>
                <div class="dv-block">
                    <label class="dvright">邮箱：</label>@Html.TextBoxFor(x => x.Email, new { @class = "inputbox inputFilter", placeholder = "请输入邮箱", maxlength = 50, title = "重要：找回密码和信息通知需要" })
                    <span class="red">*@Html.ValidationMessageFor(x => x.Email)</span>
                </div>
                <div class="dv-block">
                    <label class="dvright">密码：</label>@Html.PasswordFor(x => x.Password, new { @class = "inputbox", placeholder = "6-16位", maxlength = 16 })
                    <span class="red">*@Html.ValidationMessageFor(x => x.Password)</span>
                </div>
                <div class="dv-block">
                    <label class="dvright">确认密码：</label>@Html.PasswordFor(x => x.ConfirmPassword, new { @class = "inputbox", placeholder = "6-16位", maxlength = 16 })
                    <span class="red">*@Html.ValidationMessageFor(x => x.ConfirmPassword)</span>
                </div>
                <div class="dv-block">
                    <label class="dvright">验证码：</label>
                    <input type="text" name="code" placeholder="请输入验证码" style="width:100px!important" class="inputFilter" maxlength="5" />
                    <img alt="点击刷新验证码" title="点击刷新验证码" style="height:30px;cursor:pointer;" id="valiCode" src="@Url.Content("~/Account/GetValidateCode")" />
                    <span id="regErr" class="red">*</span>
                </div>
                <div class="dv-block">
                    <label class="dvright"></label>
                    <input class="sp-btnReg" type="submit" value="立即注册">
                </div>
                <div class="dv-block">
                </div>
            </div>
            <div style="height:40px;line-height:40px; text-align:center;border-top:1px solid #308530;">
                已有帐号？立即<a href="/account/login" class="green">登录>></a>
            </div>
        </div>
    }
</body>
</html>